<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>俱乐部</title>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/main.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/join.css">
    </head>
    <body>
        <div class="container">
            <header>
                <nav>
                    <a href="index.html" class="logo"><img src="img/common/logo.png" alt="logo图"></a>
                    <div class="box">
                       <a href="index.html"><img src="img/common/logoTxt.png" alt="logo图文"></a>
                       <div class="menu flex">
                           <p class="menuBtn">
                               <i></i>
                               <i class="hidden"></i>
                               <i></i>
                           </p>
                            <ul class="flex" style="display: none;">
                                <img class="wavePic" src="img/common/blueWave.png" alt="蓝波浪图片">
                                <li><i>•</i><a class='letterWaveBox' href="index.html">首页</a></li>
                                <li><i>•</i><a class='letterWaveBox' href="about.html">产品介绍</a></li>
                                <li><i>•</i><a class='letterWaveBox' href="saleLocation.html">销售点</a></li>
                                <li><i>•</i><a class='letterWaveBox' href="news.html">新闻</a></li>
                                <li><i>•</i><a class='letterWaveBox' href="join.html">俱乐部</a></li>
                                <p class="line"><span></span><span></span></p>
                            </ul>      
                       </div>                                                                                                                                                                           
                    </div>
                </nav>
            </header>
            <main class="fluid ready">
                <div class='palace'>
                    <div class="mainHead">
                        <div class="title">   
                            <div class="txt">
                                <h1>
                                    欢迎来到<br>
                                    俱乐部
                                </h1>
                            </div>
                        </div>
                    </div>
                    <div class="contn">
                        <div class="fillInfo content ready">
                            <form action="" class="delay-1">
                                <div class="formGroup"><p><input type="text" placeholder="姓名"><img src="img/exclamation.png" alt="警号图标"></p><span></span></div>
                                <div class="formGroup"><p><input type="tel" placeholder="手机号" maxlength='11'><img src="img/exclamation.png" alt="警号图标"></p><span></span></div>
                                <div class="formGroup"><p><input type="email" placeholder="邮箱"><img src="img/exclamation.png" alt="警号图标"></p><span>请填写正确的邮箱</span></div>
                            </form>
                            <div class="rollBox delay-2 submit">
                                <div class="flex roll">
                                    <p> · 登记 ·  · 登记 ·  · 登记 ·  · 登记 · </p>
                                    <p> · 登记 ·  · 登记 ·  · 登记 ·  · 登记 · </p>
                                    <p> · 登记 ·  · 登记 ·  · 登记 ·  · 登记 · </p>
                                    <p> · 登记 ·  · 登记 ·  · 登记 ·  · 登记 · </p>
                                </div>
                            </div>
                            <p class="instruction delay-3">
                                以这种形式收集的信息将保存在穿石计算机化的文件中，以便我们在必要时与您联系。它们保存3年，供市场部门使用。根据“信息技术和自由”法律，您可以通过此表与我们联系，以行使访问与您有关的数据的权利，并对其进行纠正或删除。
                            </p>
                            <p class="line delay-4"><span></span><span></span></p>
                        </div>
                        <div class="joinRules">
                            <div class="case">
                                <div class="rule ready overHalf">
                                    <p class="delay-1">规则1</p>
                                    <img class="wavePic delay-2" src="img/common/blueWave.png" alt="黑色波浪图片">
                                    <p class="delay-3">每次发行新品饮料时，都会有一个幸运的人赢得穿石的特别大礼包。</p>
                                    <p class="line delay-4"><span></span><span></span></p>
                                </div>
                                <div class="rule ready overHalf">
                                    <p class="delay-1">规则1</p>
                                    <img class="wavePic delay-2" src="img/common/blueWave.png" alt="黑色波浪图片">
                                    <p class="delay-3">每次发行新品饮料时，都会有一个幸运的人赢得穿石的特别大礼包。每次发行新品饮料时，都会有一个幸运的人赢得穿石的特别大礼包。</p>
                                    <p class="line delay-4"><span></span><span></span></p>
                                </div>
                                <div class="rule ready overHalf">
                                    <p class="delay-1">规则1</p>
                                    <img class="wavePic delay-2" src="img/common/blueWave.png" alt="黑色波浪图片">
                                    <p class="delay-3">每次发行新品饮料时，都会有一个幸运的人赢得穿石的特别大礼包。</p>
                                    <p class="line delay-4"><span></span><span></span></p>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </main>
            <footer class="fluid">
                <div class="palace">
                    <nav>
                        <ul>
                            <li><a href="index.html">首页</a></li><i></i>
                            <li><a href="about.html">产品介绍</a></li><i></i>
                            <li><a href="saleLocation.html">销售点</a></li><i></i>
                            <li><a href="news.html">新闻</a></li><i></i>
                            <li><a href="join.html">俱乐部</a></li><i></i>
                            <li><a href="problems.html">常见问题</a></li><i></i>
                            <li><a href="contactUs.html">联系我们</a></li>
                        </ul>
                        <p>
                            <span>Copyright © 宁波穿石网络科技有限公司 All rights reserved</span>
                            <span>技术支持：穿石网路</span>
                        </p>
                    </nav>
                </div>
            </footer>
            <div class="animateBottle big beginning"><div class="rotateSelf"></div></div>
            <div class="shave"></div>
        </div>
        <div class="bottomBg">
            <div class="box"><div class="son"><p class="sawtooth"></p><p class="colorBlock"></p></div></div>
            <div class="box"><div class="son"><p class="sawtooth"></p><p class="colorBlock"></p></div></div>
            <div class="box"><div class="son"><p class="sawtooth"></p><p class="colorBlock"></p></div></div>
            <div class="box"><div class="son"><p class="sawtooth"></p><p class="colorBlock"></p></div></div>
            <div class="box"><div class="son"><p class="sawtooth"></p><p class="colorBlock"></p></div></div>
        </div>
        <svg width="0" height="0" style="position: absolute;" 
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink">
        <filter id="water">
            <feTurbulence type="fractalNoise" baseFrequency=".05 .05" numOctaves="1" result="noise1"></feTurbulence>
            <feColorMatrix in="noise1" type="hueRotate" values="0" result="noise2">
            <animate attributeName="values" from="0" to="360" dur="1s" repeatCount="indefinite">
            </feColorMatrix>
            <feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="10" in="SourceGraphic" in2="noise2" />
        </filter>
        </svg>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/swiper.js"></script>
        <script>
                var flag_lianxing= JSON.parse(sessionStorage.getItem('flag_lianxing'));
                if (typeof jQuery == 'undefined') {
                    console.log(" 未加载")
                    if(flag_lianxing){
                        console.log("自动刷新一次未加载")
                    }else{
                        sessionStorage.setItem('flag_lianxing', JSON.stringify("1"));
                        window.location.reload();
                    }
            
                } else {
                    console.log(" 已加载")
                }
        </script>
        <script src="js/common/common.js"></script>
        <script src="js/common/animation.js"></script>
        <script src="js/common/media.js"></script>
        <script src="js/join.js"></script>
    </body>
    
</html>